<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=gbk"/>
    <meta http-equiv="X-UA-Compatible" content="IE=8"/>
    <title>Specify due time</title>
    <link rel="stylesheet" href="../style/default.css"/>

</head>

<body>
<div class="title">
    <h1>Specify due time</h1>
</div>
<div class="body">
    <p>
        Besides title and description, a todo item can have due time information.
    </p>
    <p>
        By default, the due time column does not display,
        you need to check the corresponding button in the View toolbar
        <div>
            <img src="image/btn_due.png" alt=""/>
        </div>
        After checked
        <div>
            <a href="image/due_column.png"><img src="image/due_column.png" alt="" width="331"/></a>
        </div>
    </p>
    <p>
        To set due time for a todo item, click in the Due cell of the item to give it focus,
        then click Edit button to edit
        <div>
            <a href="image/edit_due.png"><img src="image/edit_due.png" alt="" width="217"/></a>
        </div>
    </p>
    <p>
        After done editing
        <div>
            <img src="image/due_edited.png" alt=""/>
        </div>
    </p>
</div>
</body>
</html>
